/* 
    Document   : DiseñoPaginaPrincipal
    Created on : 13-mar-2012, 19:03:46
    Author     : familia
    Description:
        Purpose of the stylesheet follows.
*/

/*Se importa Diseño base*/
@import url(DisenoBase.css);

/*  -------------------------------------------------------------
  BODY
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {}


/*  -------------------------------------------------------------
  TITULO "Tutor Adaptativo Inteligente"
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#bienvenida {
    display: inline-table;
    
    margin: auto;
    padding: 0em 0em 0em 0em;
    width: 100%;
    /*border: 0.1em solid white;*/
    background: white;
}
/*  -------------------------------------------------------------
  TITULO "Tutor Adaptativo Inteligente"
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#cuadroTitulo {
    /*background: greenyellow;*/
}

/*  -------------------------------------------------------------
  CONTENEDOR DE LOGIN Y REGISTRO
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#cuerpo{
    /*background: yellow;*/
}

/*  -------------------------------------------------------------
  CAJA CON EL CONTENIDO
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#contenedorColumnas{
    margin: 0.3em auto auto auto;
}
    
#columnaPrincipal{
    width: 24.4em;
    float: left;
    margin: 0.5em 0.5em 0.5em 0.6em;
    background:red;
}
#columnaSecundaria{
    width: 24.4em;
    float: left;
    margin: 0.5em 0.2em 0.5em 0.5em;
    background:blue;
}
table, tr, td{
    border: 0.2em solid white;
    width: 21em;

    margin: 0.5em 1.5em 0.5em 2em;
}
table {
    height: 20em;
    
}

    /*  Modernizr: "si no soporta sombras""
       - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    .no-boxshadow #columnaPrincipal, .no-boxshadow #columnaSecundaria {       
        border-left: 0.06em solid #9bab79; 
        border-top: 0.06em solid #9bab79; 
        border-right: 0.18em solid #859367; 
        border-bottom: 0.18em solid #859367; 
    } 
    /*  Modernizr: sombras y degradé de "login" y "registro"
       - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    .boxshadow #columnaPrincipal, .boxshadow #columnaSecundaria {       
        background-color: #afc779;
        border: 0.06em solid #e1e1e1;
        
        box-shadow: 0em 0em 0.62em #444;
	-moz-box-shadow: 0em 0em 0.62em #444;
	-webkit-box-shadow: 0em 0em 0.62em #444;
        -o-box-shadow: 0em 0em 0.62em #444;
        
        background: -moz-linear-gradient(top, #E6E8E8 0%, #C9CAD4 100%);
	background: -webkit-gradient(linear, left top, left bottom,
            color-stop(0%,#E6E8E8), color-stop(100%,#C9CAD4));
        background: -o-linear-gradient(#E6E8E8,#C9CAD4);
    }    
    /*  Modernizr: bordes redondeados "login" y "registro"
       - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    .borderradius #columnaPrincipal,.borderradius #columnaSecundaria {
    	/*border-radius: 1em;*/
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        -o-border-radius: 1em;
    }
    img{
        margin: auto;
        background: white;
    }

/*  -------------------------------------------------------------
  ESTILO DE ETIQUETAS
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
label {
    margin: 0.1em auto 0.1em 0.9em;
}
    /*  Modernizr: texto sombreado
       - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    #nivel {
        margin: 0.55em auto 0.5em 0.9em;
    }

/*  -------------------------------------------------------------
  ESTILO DE CUADROS DE ENTRADA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
input {     
    width: 15.0em; 
    height: 1.6em; 
    margin:  0.1em 0em 0.7em 0.9em; 
}
    /* Select
       - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
    #selectNivel {
        width: 12.56em; 
        height: 2em; 
        margin: 0.55em auto 0.7em 0.9em;
    }

/*  -------------------------------------------------------------
  ESTILO DE ENLACES DE CLASE "boton"
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.boton{
    width: 8em; 
    height: auto;  
    
    clear: both;
    float: right;
    margin: 0.5em auto 0.5em auto;
    padding: 0.5em 0.7em 0.5em 0.7em;
}
  
/*  -------------------------------------------------------------
  PIE DE PÁGINA
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
footer {}


h6 {
    margin: auto 1em auto auto;    
    text-align: right;
}